<%-- 
    Document   : AdicionarDisciplinaProfessor
    Created on : 03/11/2011, 00:16:17
    Author     : Rennan
--%>

<%@page import="java.util.Collection"%>
<%@page import="br.com.ufpb.halloc.comunicacao.Facade"%>
<%@page import="br.com.ufpb.halloc.negocio.Disciplina"%>
<%@page import="java.util.List"%>
<%@page import="java.util.ArrayList"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>halloc - Adicionar Disciplina Professor</title>
        <style type="text/css">
            
            div#back {
                background-color: lightsteelblue;
                height: 370px;
                margin-top: 20px;
                margin-left: 170px;
                margin-right: 170px;
            }
            
            div#form {
                background-color: #DDD;
                font: 14px Verdana, sans-serif;
                height: 65px;
                border: 1px solid #696969;
                margin-left: 150px;
                margin-right: 150px;
            }
            
            #tab_horario {
                font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
                width:600px;                
                margin-left: 150px;
                border-collapse:collapse;                
            }
            
            #tab_horario td, #tab_horario th {
                font: 14px Verdana, sans-serif;
                border:1px solid #333;
                padding:3px 7px 3px 7px;
                color: #000000;
                height: 30px;
            }
            
            #tab_horario th {
                font: 16px Verdana, sans-serif;
                text-align:center;
                padding-top:5px;
                padding-bottom:4px;
                background-color:#369;
                color:#fff;
            }
                        
            #tab_horario tr.alt td {
                color:#000000;
                background-color: #EAF2D3;
            }
            
            #stylecombo {
                width:400px;
                height: 30px;
                background:#e0e7ec;
                margin-left: 100px;
                margin-right: 0px;
            }
           
            select {
                font: 14px Verdana, sans-serif;
                color: #369;
                font-weight: bolder;
            }
            
            #stylecombo select {
                width:400px;
                height: 30px;
                opacity:1;
                filter:alpha(opacity=0);
            }
            
            #bt_ok {
                margin-left: 510px;
                margin-top: -28px;
                margin-right: 0px;
            }
            
        </style>
        <script language="javascript">
            
            function getValorCombo(){
                var nomedisc = combo.disciplinas.value;
                var coddisc = combo.disciplinas.options[combo.disciplinas.selectedIndex].id;
                alert('Cod: ' + coddisc + '\nNome: ' + nomedisc);
            }
            
            function inserirLinhaTabela() {
                var cont = 0;
                var table = document.getElementById("tab_horario");
                
                var nlinhas = table.rows.length;
                
                if (nlinhas <= 5){
                    
                    var novaLinha = table.insertRow(nlinhas);                    
                                        
                    var nomedisc = combo.disciplinas.value;
                    var coddisc = combo.disciplinas.options[combo.disciplinas.selectedIndex].id;                
                                
                    newCell =  novaLinha.insertCell(0);
                    newCell.innerHTML = coddisc;
                                
                    newCell =  novaLinha.insertCell(1);
                    newCell.innerHTML = nomedisc;
                                
                    newCell =  novaLinha.insertCell(2);
                    newCell.innerHTML = "<a href='#' onclick='removerLinhaTabela(this.parentNode.parentNode.rowIndex)'>remover</a>";
                    cont++;
                } else {
                    alert("Você não pode mais adicionar disciplinas. A quantidade\n"+
                           "máxima é 5! Para inserir essa nova disciplina, você\n"+
                           "terá que remover alguma. Verifique e tente novamente. ");
                }
                
                              
            }
            
            function removerLinhaTabela(index){
                var table = document.getElementById("tab_horario");
                if (table.rows.length > 1) {
                    table.deleteRow(index);
                }
            }
            
            function finalizar(){
                var opcao = confirm("Você confirma a submissão dessas disciplinas como as\n"+
                      "de sua preferência?");
                if(opcao){
                    
                    var table = document.getElementById("tab_horario");
                    var linhas = table.rows;
                    var cellslinha = linhas[1].cells;
                    alert("O conteudo da 1ª celula é " + cellslinha[1].innerHTML)
                    
//                    var codigos = document.getElementById("x123").innerHTML;
//                    alert(codigos);
                    
                    //alert("Ok! Submissão realizada com sucesso.");
                } else {
                    alert("Operação cancelada.");
                }
            }
            
        </script>
        <script type="text/javascript">
            alert(message)
        </script>
    </head>    
    <body>
        <jsp:include page="menubarra.jsp"></jsp:include>
        <%--<form action="InserirDiscProfessor.do" method="POST"> --%>
        <div id="back">
            <br>
            <div align="center">Adicione as Disciplinas de sua preferência</div>
            <div id="form">
                <br>
                <div id="stylecombo">
                    <form name="combo">
                    <select name="disciplinas">
<%
Facade fachada = Facade.getInstance();                                               
List<Disciplina> disciplinas = (List<Disciplina>) fachada.getDisciplinasCadastradasNoBD();
for(Disciplina d: disciplinas){
%>    
<option value="<%=d.getNome()%>" id="<%=d.getID()%>"><%=d.getNome()%></option>                        
<% }// fim do for-each de disciplinas %>                                               
                    </select>
                </div>
                    </form>
                <div id="bt_ok">
                    <input type="submit" value="Adicionar" onclick="inserirLinhaTabela()">
                </div>
            </div>
            <div align="center">
                <input type="submit" value="Submeter" onclick="finalizar()">
            </div>
            <div id="horario">
                <table id="tab_horario">
                    <tr>
                        <td width="50" id="cod">Código</td>
                        <td width="200">Disciplina</td>
                        <td width="50">Ações</td>
                    </tr>                  
                </table>
            </div>
    </body>
</html>
